import MainContainerCustom from '@/components/MainContainerCustom';
import { CTabbarCustom } from '@vh-mobile/pro-components';

export default function DemoTabbar() {
  const TabbarColumns: any = [
    {
      name: 'label1',
      label: '标签1',
      icon: 'home-o',
    },
    {
      name: 'label2',
      label: '标签2',
      icon: 'search',
    },
    {
      name: 'label3',
      label: '标签3',
      icon: 'friends-o',
    },
    {
      name: 'label4',
      label: '标签4',
      icon: 'setting-o',
    },
  ];

  return (
    <MainContainerCustom>
      <CTabbarCustom columns={TabbarColumns} active="label1" />
    </MainContainerCustom>
  );
}
